<!-- menu-item -->
<template>
    <div 
    :style="itemStyle"
    class="menu-item">

    </div>
</template>

<script>

export default {
    name: 'menu-item',
    components: {},
    props: {
        imgSrc: {
            type: String
        }
    },
    computed: {
        itemStyle () {
            return {
                background: `url(${this.imgSrc}) no-repeat center center`,
                backgroundSize: '100% 100%'
            }
        }
    }
}
</script>
<style lang='scss' scoped>
.menu-item {
    width: 100%;
    height: 100%;
}

</style>